<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注意事项</title>
</head>
<body>
    <h1>hello</h1>
    <button id="btn">click</button>
    <script>
        /* 
          
        请使用 document.write() 仅仅向文档输出写内容。
        如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

        JS的加载也属于文档的加载，事件里面的回调函数是在文档加载结束后执行的
        */
         //document.write("<h1>html</h1>");

        document.getElementById("btn").onclick = function(){
            document.write("<h1>override</h1>")
        }


        function foo(){
            document.write("<h1>foo</h1>")
        }

        foo();




    </script>
</body>
</html>